﻿@charset "utf-8";
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, iframe, hr { margin: 0; padding: 0; }
body { font: 14px/25px Tahoma,'Microsoft Yahei'; color: #000;background:#f1f1f1; }
fieldset, img { border: 0; }
address, caption, cite, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
select, input, label, button, textarea { margin: 0; padding: 0; font-family: 'Microsoft Yahei'; }

/*通用*/
.wrap { width: 1200px; margin-left: auto; margin-right: auto; }
.l { float: left; }
.r { float: right !important; }
.pr { position: relative; }
.pa { position: absolute; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.vm { vertical-align: middle; }
.vt { vertical-align: top; }
.vb { vertical-align: bottom; }
.db { display: block; }
.dib { -moz-inline-stack: inline-block; display: inline-block; *display: inline; *zoom: 1; }
.fix { *zoom: 1; }
.fix:before, .fix:after { content: ""; display: table; }
.fix:after { clear: both; }
.el, .art_link a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.oh { overflow: hidden; *zoom: 1; }
.mh { height: auto !important; height: 464px; min-height: 464px; }
.btn { cursor: pointer; }
.hidetext { font: 0/0 a; letter-spacing: -9px; }
.cir { display: inline-block; width: 0; height: 0; overflow: hidden; }
.bor1 { border: 1px solid #ddd; }
.bor1_b { border-bottom: 1px solid #ddd; }
.bor1_b_s { border-bottom: 1px dotted #ababab; }
.red { color: #e60013 !important; }
.grey { background: #ededed !important; }
.p20 { padding: 20px; }
.plr15 { padding-left: 15px; padding-right: 15px; }
.p10 { padding: 15px; }
.mt20 { margin-top: 20px; }
.mt10 { margin-top: 10px; }
.plr25 { padding-left: 25px; padding-right: 25px; }
.pl20 { padding-left: 20px; }
.pb25 { padding-bottom: 25px; }
.pb35 { padding-bottom: 35px; }
.mb20 { margin-bottom: 20px; }
.lh2 { line-height: 2; }
.w680 { width: 680px; }
.w220 { width: 220px; }
.line { width: 1px; height: 14px; background: url(../images/ico.png) -99px -64px no-repeat; display: inline-block; overflow: hidden; margin: 0px 12px; vertical-align: middle; }
.bwhite { background: #fff; }
.hide { display: none; }
/*======================common================================*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *display: inline-block; *zoom: 100%; }
.clear { clear: both; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; }
a { color: #555; }
a:link, a:visited { color: #555; text-decoration: none; }
a:active, a:hover { color: #f00; text-decoration: none; }
/*======================frame==========================*/
.header,  .footer { width: 1200px; margin: 0 auto; }


.HW { width: 100%; height: 135px; z-index: 9999;top: 0px;margin-bottom:35px; }
.FW { width: 100%; height: 140px; float: left;background:#f5f5f5; }
.CW { width: 100%; background: #fff; min-height: 700px; padding:0px 0px  20px 0px; }

.HS { width: 100%;  background: url(../images/hsearch_bg.jpg) ; height: 57px; border-bottom: 1px solid #eee; }
.header { position: relative; z-index: 100; height: 140px; font-size: 14px; }
.headertop{height:50px;width:500px;float:right;margin-top:45px;}

.container { min-height: 320px; padding: 0px; width: 1200px;  margin: 30px auto;}
.icon { margin: 0 auto; }
.footer { }
.clear { clear: both; font-size: 0px; height: 0; margin: 0; padding: 0; float: none; }
.incontent { margin: 10px 0; }
.left { width: 100%; background:#f5f5f5;height:70px; }
.container .right { width: 890px;float:right;  padding-bottom: 40px; border: 1px solid #dcdbdb; }
.ileft { float: left; width: 255px; }
.iright { float: right; width: 305px; margin-left: 10px; margin-right: 30px; }
.input2, .txtInput { border:none; width: 150px; vertical-align: middle; height: 30px; *height: 23px; color: #333;background:#f5f5f5; }
.searchInput { border: 1px solid #efefef; width: 150px; vertical-align: middle; height: 21px; *height: 21px; border-right: 0px; color: #ccc; }
.borderD3 { border-left: transparent solid 4px; border-right: transparent solid 4px; border-top: #ffffff solid 4px; }


.mbtn { border: 1px solid #ddd; background: #efefef; height: 35px; width: 100px; text-align: center; line-height: 35px; margin-top: 10px; }
.textarea { border: none; height: 150px;background:#f5f5f5; }

/*======================search==========================*/
.hsearch { width: 1004px; height: 50px; line-height: 50px; margin: 0 auto; }
.isearch .info { width: 450px; float: left; text-align: left; line-height: 50px; color: #999; padding-left: 0px; }
.isearch .info a { color: #999; }
.isearch .info h4 { color: #999; width: 100px; float: left; }
.isearch { margin-top: 20px; float: right; width: 256px; background: url(../images/isearch_bg.jpg) no-repeat 0px 0px; font-size: 12px; line-height: 40px; }
.isearch .navtext { border: 0px solid #ccc; height: 40px; line-height: 43px; width: 200px; padding-left: 5px; color: #ccc; background: none; }
.isearch .navsb { background: none; width: 45px; height: 40px; top: 0px; border: 0px solid #ccc;  }

.menu { min-width: 870px; float:right;}
.menu .main {  text-align: center; margin: 0 auto; }
.menu li { float: left; text-align: center; font-size: 14px; min-width: 145px; background: url(../images/nav_li.png) no-repeat right 50%; }

.topmenu a {color: #4a4949; font-weight:normal; display: block; height: 30px; line-height: 25px; padding: 0 5px; margin-left: 2px; text-transform: uppercase; font-size: 16px; padding-top: 0px;  }
.topmenu p { font-size: 12px; color: #ccc; }
.topmenu a:hover, .topmenu a.current { color: #dc214c;  }

.submenu { position: absolute; display: none; margin-left: -48px; }
.submenu dd { text-align: center; float: left; border: 1px solid #663524; padding: 0 5px; margin: 0 2px; background: #007d0f; filter: Alpha(opacity=65); opacity: 0.65; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* background:#000; filter:Alpha(opacity=65);opacity:0.65;*/
.submenu dd a { font-size: 12px; width: 100%; height: 25px; line-height: 25px; background-image: none; color: #fff; }
.submenu dd a:hover, .submenu dd a.current { color: #ff0; background-image: none; }


/*footer*/
.footerbox{background:url(../images/fbox.png)50% 100% no-repeat;height:92px;}

.ibox{width:370px;height:100px;float:left;}
.ibox h3{width:55px;height:65px;float:left;margin-right:20px;color:#717171;letter-spacing:10px;padding-top:20px;}
.ibox p { text-align:left; padding-top: 5px;color:#8e8e8e;font-size:12px; }
.footer_nav {padding-bottom:30px; min-height: 250px;  width: 880px; margin-top: 50px; float: left; }
.footer_nav li { color: #ccc; float: left; width: 140px;min-height:220px ;background: url(../images/fnav_li.jpg) repeat-y;border-right: 0px dashed #ccc; text-align: center; }
.footer_nav h3 a { color: #fff; width: 100%; font-size: 16px;display:block; font-weight: normal; }
.footer_nav h3 a:hover { color: #ff0; }
.footer { color: #ccc; text-align: left; line-height: 25px;font-size: 16px; }
.footer a { color: #ccc; }
.footer dl { margin-top:10px;}
.footer dd a { color: #ccc;font-size:14px; }
.footer dd a:hover { color: #ff0; }
.footer ._txt { font-size:14px;color:#545454; width: 100%; height: 90px; line-height: 30px; text-align: center;  float: left;padding-top:40px;}
.footer .weixin { right: 30px; top: 40px; margin-right: 0px;width:260px; }
.footer .flogo { float: left; width: 250px; height: 130px; margin-top: 30px; margin-left: 80px; }
/*.footer ._txt p {width:500px;float:left;}
.footer ._txt span{width:300px;float:right;padding-right:30px;}*/
.footer .share { float: left; width: 250px; padding: 15px; }

.icontact { width: 250px; height: 185px; left:250px; top: 140px; }
.icontact .info { width: 240px; margin: 0 auto; padding-left: 10px; color: #555; padding-top: 15px; line-height: 36px; }


/*========================内============================*/
.cornor { width: 100%; color: #505050; z-index: 99999999; }
.cornor .ctopPage { height: 60px; width: 260px; font: bold 24px 'Microsoft Yahei'; background: #494c51; color: #fff; line-height: 36px; text-align:center;padding-top:20px; }
.cornor .ctopPage p {font-size:16px;font-weight:normal;}
.cornor .ccontent {width:1200px;height:70px; text-align: center; border: 0px solid #ddd; border-top: none;margin:0px auto;}
.cornor .ccontent ul { width: 100%; margin: 0px auto; }
.cornor .ccontent li {min-width:80px;height:70px;float:left;margin-right:55px; }
.cornor .ccontent li span {  }
.cornor .ccontent li dd { border: none; line-height: 26px; text-align: left; padding-left: 35px; margin: 1px 0; background: #fff; border-bottom: 0px dashed #eee; }
.cornor .ccontent li dd a { background: #f9f9f9 url(../images/system/li_bz.png) 0px 50% no-repeat; border: none; padding-left: 15px;width:170px; }
.cornor .ccontent li dd a.current, .cornor .ccontent li dd a:hover { border: none; background: #f9f9f9 url(../images/system/li_bz_h.png) 0px 50% no-repeat; color: #f00; }
.cornor .ccontent li a { display: inline-block; font-size:18px;letter-spacing:2px;line-height:70px; color: #505050; text-decoration: none; text-align:center;min-width: 80px; }
.cornor .ccontent li a.current, .cornor .ccontent li a:hover { border-bottom:2px #dc214c solid; }

.cornor .ccbg { background: url(../images/page_b_bg.jpg) no-repeat 0 bottom; height: 9px; }
.pcontact { float: left; margin-top: 20px; }

/*page*/
.arrowlistmenu { width: 100%; z-index: 10; text-align: left; padding: 0px 0px 0 0px; min-height: 500px; margin-top: 0px; }
.arrowlistmenu .menuheader:hover, .menuheader a.current { color: #cb0e6f; display: block; }
.arrowlistmenu .menuheader { font: bold 14px 'Microsoft Yahei'; text-transform: uppercase; cursor: pointer; }
.arrowlistmenu .openheader { display: block; }

.arrowlistmenu { padding-left: 10px; padding-bottom: 2px; background: url(../images/iproc_bg.jpg) repeat-y; border: 0px solid #d9e8e8; min-height: 150px; width: 240px; }
.arrowlistmenu a { font: bold 12px 'Microsoft Yahei'; background: url(../images/system/li_bz.png) no-repeat 25px 15px; font-weight: normal; border: 0px solid #ecf7f7; display: block; padding: 2px 0; padding-left: 35px; width: 180px; line-height: 35px; text-align: left; }
.arrowlistmenu a:visited { color: #999; text-decoration: none; }
.arrowlistmenu a:hover, .arrowlistmenu ul li a.current, .menuheader a.current { color: #f00; display: block; background: url(../images/system/li_bz_h.png) no-repeat 25px 15px #fff; width: 170px; border: 0px solid #ecf7f7; }
.categoryitems a:hover, .categoryitems a.current { border: 0px solid #fff; width: 170px; }
.arrowlistmenu ul { list-style-type: none; margin: 0; padding: 0; margin-left: 15px; }
.arrowlistmenu ul a { border: 0px solid #e0e8d9; }
/*页面导航*/
.urlHere { height: 55px;text-align: right; color: #dc214c;background:#f0efef;     line-height: 55px; margin: 0 auto;padding:10px 20px; }
.urlHere p { font-size: 35px;font-weight:normal; float: left;  letter-spacing:2px;text-transform: uppercase; color: #dc214c; text-align:left;  }
.urlHere a { color: #555; text-decoration: none; }
.urlHere span { display: block;
    font-size: 26px;
    color: #e5e5e5;
    letter-spacing: 1px;
    padding-top: 20px; }

/*单页*/
.pagecontent img { float: right; }
.pagecontent { padding: 20px; min-height: 600px; width: 94%; float: left; border: 0px solid #262626; font-size: 14px; color: #999;}
.register { width: 260px; height: 300px; margin: 0 auto; }
.register .title { text-align: center; float: none; font-size: 16px; height: 60px; line-height: 60px; }
.register li { line-height: 30px; height: 30px; float: right; }
.register .submit { padding: 20px 80px 10px 10px; }

.top { padding-top: 10px; float: left; width: 920px; margin-left: 15px; }
.top .title { height: 45px; float: left; width: 100%; }
.top .content { float: left; display: inline; padding: 15px 5px 30px 0px; }

/*新闻列表*/
.newlist { padding: 5px 7px; float: left; width: 98%; min-height: 750px; }
.newlist li { line-height: 30px; border-bottom: 1px dashed #ddd; width: 100%; height:145px;padding-top:10px;float:left;}
.newlist li p { color:#999;}
.newlist li img { width:250px;height:130px;float: left;margin: 10px;}
.newlist li i { float: left; width: 80px; color: #999; }


.newcontent { float: left; padding: 10px 10px; text-align: center; width: 97%; }
.newcontent h3 { font-size: 16px; color: #555; margin: 5px 0; }
.newcontent .date_i { color: #555; }
.newcontent .content { line-height: 22px; color: #555; min-height: 350px; text-align: left; border-top: 1px dashed #555; padding-top: 20px; }
.newcontent .p_n_b { margin-top: 10px; float: left; text-align: left; color: #555; }

.pro_title { background: #191919; border: 1px solid #252525; text-align: left; }

/*留言*/
.commentform h3 { font-size: 22px; color: #646464; margin: 5px 0; }
.commentform .content {padding: 20px 1px 20px 20px; }
.apay { background: url(an1.jpg) no-repeat; width: 90px; height: 20px; display: block; line-height: 18px; text-align: center; font-weight: bold; color: #fff; }
a.apay:hover { color: #fff; }
.bk1 { BORDER-BOTTOM: #ebebeb 1px solid; }
.bk2 { BORDER-RIGHT: #ebebeb 1px solid; }
.td_L { text-align: center; width: 100px; font-weight: bold; }
.tdR { text-align: left; width: 450px; padding-left: 5px; }
.jobli { margin-bottom: 25px; text-align: left; }

.backt { background: url(../images/title1.gif) no-repeat; }
.backc { background: url(../images/title2.gif) repeat-y; }
.backb { background: url(../images/title3.gif) no-repeat; }


/*message box*/
.msgbox { padding: 3em 10em 3em !important; background: url(images/right.gif) no-repeat 4em 4em; font-size: 12px; font-weight: 400; min-height: 160px; }
.msgbox { padding: 0.1em; width: 400px; margin: 15px auto; background: none; }
.msgbox h1 { line-height: 26px; margin-bottom: 1em; font-weight: 700; font-size: 14px; }
.msg_inner { background: url(images/right.gif) no-repeat 0 50%; padding-left: 4em; height: auto !important; height: 60px; min-height: 60px; }
.msgbox p { margin: 1.5em 0; }
.msgbox a { color: #069; }
.error_msg { background: url(images/error.gif) no-repeat 0 50%; }

/*登录*/
.viewForm { min-height: 200px; }
.viewForm td { line-height: 32px; }

/**/
.joblist { float: left;  padding: 10px; }

.photolist { padding: 0 20px; min-height: 600px; }
.photolist li { float: left; width: 230px; text-align: center; margin-bottom: 10px; line-height: 35px; }

/*tab*/
.dis { display: block; width:100%;float:left;}
.undis { display: none; width:100%;float:left;}
.nav {   height: 45px; padding-top: 4px; font-size: 14px; font-weight: normal; position: relative; border-bottom: 0px solid #e1e1e1; }
.nav li { float: left; width: 127px; height: 59px; border-right: 0px solid #eee; text-align: left; margin-left: 5px; }
.nav li a { float: left; width: 127px;height: 59px; line-height: 55px; }
.nav li.nav_current a { color: #7bc03f; background: url(../images/inews_t_bg2.jpg) no-repeat; font-size:18px; }
.nav li.nav_link a { color: #777; background: url(../images/inews_t_bg1.jpg) no-repeat; font-size:18px;}
.nav li span { position: absolute; right: 0px; background-image: none; }
.nav li span a, .nav li .nav_current span a { color: #a7a7a7; font-size: 12px; background-image: none; }

.layui-fluid { padding:0px;min-width:1100px;}
.block-h1 { padding-top:20px;float:right;}
.logo { }
nav {
  background: #202020;
  box-shadow: 0px 1px 5px #5c4b51;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  font: 14px Rokkitt;
  padding: 20px;
  position: fixed;
  top: 0;
  left: 0;
  text-transform: uppercase;
  width: 100%;
}
#userPLink {
  position: relative;
}
nav a, #sideMenu {
  margin: 0 10px 0 0;
  text-shadow: 1px 1px 2px #212121;
} 
#userMenuToggle {
  position: absolute;
  right: 0;
}
ul#userMenu {
  background: #202020;
  list-style: none;
  position: absolute;
  top: 40px;
  left: 0;
  padding: 0;
}
#userMenu li {
  display: block;
  padding: 5px 10px;
  text-align: left;
  width: 150px;
}
ul#userMenu li a::after {
  content: attr(title);
}
#userMenu li a:hover, #sideMenuContainer > a:hover {
  padding-left: 3px
}

#scrollingNews {
  color: #fcfcfc;
}

#sideMenu {
  color: #012265;
  z-index: 5;
font-size:2.2em;
   margin-top:15px;
}
#sideMenuContainer {
  background: #f1f1f1;
  height: 100%;
  padding: 10px;
  position: fixed;
  top: 100px;
  right: -220px;
  width: 200px;
  z-index: 4;
}
#sideMenuContainer h2 {
  color: blue;
  font: 24px  Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
line-height:60px;
padding-left:10px;
  text-transform: uppercase;
}
#sideMenuContainer > a {
  display: block;
  padding: 5px 15px;
}
#sideMenuContainer > a::after {
  content: attr(title);
  font: 16px 'PT Sans', Helvetica, Arial, sans-serif;
  padding-left: 20px;
  text-transform: uppercase;
}

.telephone { background:url(../images/wt_icon6.png) no-repeat scroll left center;padding-left:40px;line-height:60px;font-size:2em;color:#002662;font-style:italic;}
.fenlei ul li { display:inline-block;width:18%;color:#ffffff;border-left:2px solid #919090;padding:20px 0px;height:100%;line-height:70px;font-size:1.4em;}
.fenlei ul li:hover { background:#ada9a9;}
.fenlei ul li a { color:#ffffff;}
.fenlei ul li .img { height:60px;vertical-align:middle;line-height:60px;}
.fenlei ul li:nth-child(1) { border:0px;}
.about .ral { position:relative;}
.about .ral .txt { position:absolute;font-size:3em;color:#ffffff;z-index:99;}
.about .a1 .txt {bottom:60px;text-align:center;width:100%;}
.about .a2 .txt { width:100%;height:100%;background:rgba(0,0,0,.7);top:0px;left:0px;text-align:center;box-sizing:border-box;padding:12% 10%;display:none;}
.about .a2:hover .txt { display:block;}
.about .a2 .txt ul li {display:inline-block;font-size:0.4em;width:30%;padding-bottom:4%;line-height:50px;}
.about .a2 .txt ul li a { color:#ffffff;}
footer { background:#012265;color:#ffffff;}
.copyright { color:#ffffff;}
.copyright a { color:#ffffff;}
.newsbox .list {padding:0px 15px; }
.newsbox .list h4 { border-bottom:1px dashed #d0d0d0;color:#888;line-height:40px;font-size:1.2em;}
.newsbox .list h3 { font-size:1.5em;line-height:60px;font-weight:bold;}
.newsbox .list p { color:#a1a1a1;}
.pagenav { width:70%;margin:0 auto;}
.pagenav .list {text-align:center; }
.pagenav .list a{ font-size:2em;color:#ffffff; line-height:80px;}
.listimg { width:70%;margin:0 auto;}
.listimg .list { text-align:center;box-sizing:border-box;padding:40px 10px 0px 20px;}
.listimg .list a.image-zoom{height:400px;line-height:360px;display: list-item;list-style:none;   vertical-align: middle; background:url(../images/wt_honorbg.jpg) no-repeat scroll top center;background-size:100% 100%;padding:20px;text-align:center;width:100%;box-sizing:border-box;}
.listimg .list a.image-zoom img { width:95%;}
.listimg .list p { text-align:center;font-size:1.5em;color:#5c5c5c;background:#bfbfbf;   display:block;    padding: 20px;}
.listimg .list p a { padding-bottom:20px;display:inline-block;min-height:60px;width:100%;}
.footerlogo  img{max-width:100%; }
.footerweixin img { max-width:100%;}
.wgnav { background:url(../images/wt_5gnavbg.jpg) repeat-x scroll top center;height:98px;}
.wgnav ul { width:70%;margin:0 auto;}
.wgnav ul li { display:inline-block;text-align:center;border-left:2px solid #f5f7f8;height:98px;box-sizing:border-box;line-height:98px;width:33%;font-size:2em;color:#ffffff;}
.wgnav ul li a { color:#ffffff;}
.wgnav ul li:nth-child(1) { border:0px;}
.contacticon { margin:30px 0px;position:relative;}
.contacticon .icon{ font-size:2.5em;color:#000000;text-align:center;}
.contacticon .icon img { padding-right:30px;}
.ewm { text-align:center;}
.ewm img { padding:80px 30px 40px 30px;}
.jrbutton { position: static;margin:10px 0px;}
.hzbutton { position: static;margin:10px 0px;}
.jiaru s{
position:absolute;
top:-40px;
*top:-22px;
left:180px;
display:block;
height:0;
width:0;
font-size: 0;
line-height: 0;
border-color:transparent transparent #000 transparent;
border-style:dashed dashed solid dashed;
border-width:20px;
}
.jiaru i{position:absolute;
*top:-18px;
top:-18px;
left:-20px;
display:block;
height:0;
width:0;
font-size: 0;
line-height: 0;
border-color:transparent transparent #f1f1f1 transparent;
border-style:dashed dashed solid dashed;
border-width:20px;
}
.jiaru{
display:none;
font-size:0.8em;
border:2px solid #333;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
position:absolute;
background-color:#f1f1f1;
width:100%;
padding:5px;
*top:230px;
top:230px;
*border-top:1px solid #666;
*border-top:1px solid #666;
*border-left:none;
*border-right:none;
*height:102px;
box-shadow: 3px 3px 4px #999;
-moz-box-shadow: 3px 3px 4px #999;
-webkit-box-shadow: 3px 3px 4px #999;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
box-sizing:border-box;
padding:40px 50px;
line-height:50px;
z-index:40;
}
.jiaru img { vertical-align:middle;}
.jiaru .jricon { line-height:100px;float: left;}
.jiaru .email img{margin:0px 20px; }
.jricon span{display:inline-block;width:150px;text-align:left;}
.zhaopin{padding-right:100px;}


.hezuo s{
position:absolute;
top:-40px;
*top:-22px;
right:250px;
display:block;
height:0;
width:0;
font-size: 0;
line-height: 0;
border-color:transparent transparent #000 transparent;
border-style:dashed dashed solid dashed;
border-width:20px;
}
.hezuo i{position:absolute;
display:none;
*top:-18px;
top:-18px;
left:-20px;
display:block;
height:0;
width:0;
font-size: 0;
line-height: 0;
border-color:transparent transparent #f1f1f1 transparent;
border-style:dashed dashed solid dashed;
border-width:20px;
}
.hezuo{
display:none;
font-size:0.8em;
border:2px solid #333;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
position:absolute;
background-color:#f1f1f1;
width:100%;
padding:5px;
*top:230px;
top:230px;
    right: 90px;
z-index:99;
*border-top:1px solid #666;
*border-top:1px solid #666;
*border-left:none;
*border-right:none;
*height:102px;
box-shadow: 3px 3px 4px #999;
-moz-box-shadow: 3px 3px 4px #999;
-webkit-box-shadow: 3px 3px 4px #999;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
box-sizing:border-box;
padding:40px 50px;
line-height:50px;
}
.hezuo  .hzicon b { display:inline-block;width:55px;height:75px;background:url(../images/wt_hezuoicon.png) no-repeat scroll;margin-right:20px;float:left;}
.hezuo .hzicon {line-height:75px;text-align:left; }
.hezuo .tel b{ background-position:-12px 0px;}
.hezuo .websitea b{ background-position:-83px 0px;}
.hezuo .fax b{ background-position:-12px -90px;}
.hezuo .websiteb { padding-left:75px;}
.websiteb{text-align:left;}
.hezuo .phone b{ background-position:-12px -172px;}
.hezuo .email b{ background-position:-12px -270px;}
.hezuo .address b{ background-position:-12px -355px;}
.hezuo .yixiang { line-height:45px; background:url(../images/wt_hezuoicon.png) no-repeat scroll;background-position:-83px -75px;margin-top:50px;padding-left:140px;padding-top:10px;padding-bottom:10px;}
.aboutjt { width:100%;}
.aboutjt .chevron {
   text-align:center;
padding:20px 0px;
    display: block;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    color: #FF4081;
}
.aboutbox { display:none;}
.aboutjt .chevron1 img{ transform:rotate(180deg);}
.aboutyjt { position:relative;}
.aboutyjt span {position:absolute;top: 56%;  right: 23.5%;display: block;
    -webkit-animation: pulsea 2s infinite;
    animation: pulsea 2s infinite;}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes pulsea {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(14px, 10);
            transform: translate(14px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes pulsea {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(10px,0 );
            transform: translate(14px,0); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
.zhitinav{width:80%;min-width:1200px; margin:0 auto;text-align:center;}
.zhitinav ul li{display:inline-block;width:160px;margin:50px 50px;}
.zhitinav ul li .img{width:100%;position:relative;}
.zhitinav ul li .img img{width:100%;}
.zhitinav ul li p{font-size:18px;line-height:50px;color:#6b6a6a;}
.zhitinav ul li:hover p{color:#2f6aa0;}
.zhitinav ul li .img img:nth-child(2){position:absolute;top:0px;left:0px;}
.zhitinav ul li:hover .img img:nth-child(2){opacity:0;}
.zhiti-tab { height:260px !important;border:none;}
.zhiti-tab li { margin:40px;}
.zhiti-tab li:nth-child(1) { width:150px;height:50px;font-size:20px; background:url(../images/zhiti_icon1.png) no-repeat scroll top center;padding-top:160px;}
.zhiti-tab li:nth-child(1):hover {background:url(../images/zhiti_icon1h.png) no-repeat scroll top center; }
.zhiti-tab li:nth-child(2) { width:150px;height:50px;font-size:20px; background:url(../images/zhiti_icon2.png) no-repeat scroll top center;padding-top:160px;}
.zhiti-tab li:nth-child(2):hover {background:url(../images/zhiti_icon2h.png) no-repeat scroll top center; }
.zhiti-tab li:nth-child(3) { width:150px;height:50px;font-size:20px; background:url(../images/zhiti_icon3.png) no-repeat scroll top center;padding-top:160px;}
.zhiti-tab li:nth-child(3):hover {background:url(../images/zhiti_icon3h.png) no-repeat scroll top center; }
.zhiti-tab li:nth-child(4) { width:150px;height:50px;font-size:20px; background:url(../images/zhiti_icon4.png) no-repeat scroll top center;padding-top:160px;}
.zhiti-tab li:nth-child(4):hover {background:url(../images/zhiti_icon4h.png) no-repeat scroll top center; }
.zhiti-tab .layui-this:after { border:none;color:#2f6aa0;}
.listimg .list_gc a.image-zoom { background:none;padding:0px;height:auto;display:inline-block;}
.gctt { text-align:center;background:url(../images/gongcttbg.jpg) repeat-x scroll top center;}
.gctt .pagenav .list { width:19.5%;display:inline-block;}
.listimg .list_gc {padding-left:0px;}
.listimg .list_gc:nth-child(4) { margin-right:0px;}
.listimg .list_gc p a{ padding-bottom:10px;}